<template>
  <div>
    <a-row :gutter="24">
      <template v-for="(graphType,index) in graphTypeDictOptions">
        <a-col :xl="col.xl" :lg="col.lg" :md="col.md" :sm="col.sm" :key="index">
          <chart :title="title" :chartData="chartData" :head="head" :graphType="graphType.value" :aliases="aliases" />
        </a-col>
      </template>
    </a-row>
  </div>
</template>

<script>
import Chart from './Chart'
export default {
  name: 'RowGraphreportAutoChart',
  components: {
    Chart
  },
  props: ['chartData', 'head', 'graphTypeDictOptions', 'col', 'title', 'aliases']
}
</script>
<style scoped>

</style>
